<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>短信发送</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/doubleDate.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/pagination.css">
    <link rel="stylesheet" href="css/sms.css">
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container-fluid sms" >
    <div class="container-fluid" style="display: none">
        <p>新建短信模板</p>
        <div class="Msg_TemplateTitle_content" >
            <div class="Msg_TemplateTitle">
                <label for="Title">短息模板标题：</label>
                <input class="Msg_TemplateTitle_input" type="text" id="Title" name="title"><br>
                <span>具体内容：</span> <textarea placeholder="短信内容超过70个字将按照多条收费！" cols="45" rows="10" class="Text_field"></textarea>
                <br>
                <input class="save_Msg_Template" type="button" value="保存"/>
                <input class="close_Msg_Template" type="button" value="关闭">
            </div>
        </div>
    </div><!-- 新建短信模板 -->
    <div class="container-fluid">
        <p>短信模板设置</p>
        <div class="msg_TemplateSetting">
            <div class="NewMsg_btn_content">
                <div class="NewMsg_btn">
                    <input type="button" name="" value="新建短息模板" class="template_details_a">
                    <input type="button" name="" value="关闭">
                </div>
            </div>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                    <tr>
                        <th>短息模板标题</th>
                        <th>具体内容</th>
                        <th>创建时间</th>
                        <th>创建人</th>
                        <th>发送数量</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>短信模板1</td>
                        <td>啦啦啦啦啦啦啦啦...</td>
                        <td>2016/05/30</td>
                        <td>客服主管</td>
                        <td>666</td>
                        <td><a href="javascript:;" class="template_set_a">详情</a></td>
                    </tr>
                    <tr>
                        <td>短信模板2</td>
                        <td>这里展示具体的信息内容</td>
                        <td>2016/05/30</td>
                        <td>客服主管</td>
                        <td>666</td>
                        <td><a href="javascript:;" class="template_set_a">详情</a></td>
                    </tr>
                    <tr>
                        <td>短信模板3</td>
                        <td>这里展示具体的信息内容</td>
                        <td>2016/05/30</td>
                        <td>客服主管</td>
                        <td>888</td>
                        <td><a href="javascript:;" class="template_set_a">详情</a></td>
                    </tr>
                    <tr>
                        <td>短信模板4</td>
                        <td>这里展示具体的信息内容</td>
                        <td>2016/05/30</td>
                        <td>客服主管</td>
                        <td>666</td>
                        <td><a href="javascript:;" class="template_set_a">详情</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <nav class="nav_ul">
                <ul class="pagination pagination-lg">
                    <li><a href="#">&laquo;</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/doubleDate2.0.js"></script>
<script src="js/jquery.pagination.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $(".template_details_a").click(function(){//新建短息模板
        parent.testFuni();
    });
    $(".template_set_a").click(function(){//短信模板详情
        parent.testFunj();
    });
</script>
</body>
